<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Bootstrap Demo</title>
        <!-- 最新 Bootstrap 核心 CSS 文件 -->
        <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">
        <!-- 可选的Bootstrap主题文件（一般不用引入） -->
        <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">
        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>

        <link rel="stylesheet/less" type="text/css" href="/static/default/css/styles.less">
        <script src="/static/default/js/less-1.6.1.min.js" type="text/javascript"></script>
    </head>
    <body>
        <div class="span5 well pricehover">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Labels</th>
                        <th>Markup</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <span class="label label-default">Default</span>
                        </td>
                        <td>
                            <code>&lt;span class="label"&gt;Default&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-success">Success</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-success"&gt;Success&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-warning">Warning</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-warning"&gt;Warning&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-danger">Important</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-danger"&gt;danger&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-info">Info</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-info"&gt;Info&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span class="label label-inverse">Inverse</span>
                        </td>
                        <td>
                            <code>&lt;span class="label label-inverse"&gt;Inverse&lt;/span&gt;</code>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="span5 well pricehover">
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Example</th>
                        <th>Markup</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            Default
                        </td>
                        <td>
                            <span class="badge">1</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge"&gt;1&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Success
                        </td>
                        <td>
                            <span class="badge badge-success">2</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-success"&gt;2&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Warning
                        </td>
                        <td>
                            <span class="badge badge-warning">4</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-warning"&gt;4&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Important
                        </td>
                        <td>
                            <span class="badge badge-important">6</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-important"&gt;6&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Info
                        </td>
                        <td>
                            <span class="badge badge-info">8</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-info"&gt;8&lt;/span&gt;</code>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Inverse
                        </td>
                        <td>
                            <span class="badge badge-inverse">10</span>
                        </td>
                        <td>
                            <code>&lt;span class="badge badge-inverse"&gt;10&lt;/span&gt;</code>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

    </body>
</html>